import { useRef } from 'react';
import { create } from 'zustand';

type State = {
  hovered: boolean
}

type Actions = {
  setEnter: () => void
  setLeave: () => void
}

export const useStore = create<State & Actions>((set) => ({
  hovered: false,
  setEnter: () => set({ hovered: true }),
  setLeave: () => set({ hovered: false })
}))